<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath %>" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>新增收入</title>
<link rel="stylesheet" href="static/css/base.css" media="all">
</head>
<body>
	<div style="padding: 10px;">
		<div style="text-align: center; height: 200px;">
			<form style="padding-top: 60px;">
				<div class="layui-form">
					<div class="layui-form-item">
						<div class="layui-inline">
							<label style="float: left; padding: 9px 15px;">开始日期：</label>
							<div class="layui-input-inline">
								<input type="text" class="layui-input" id="start_date"
									placeholder="请选择年月">
							</div>
						</div>
						<div class="layui-inline">
							<label style="float: left; padding: 9px 15px;">结束日期：</label>
							<div class="layui-input-inline">
								<input type="text" class="layui-input" id="end_date"
									placeholder="请选择年月">
							</div>
						</div>
						<button class="layui-btn bt_search" data-type="reload">搜索</button>
						<button type="reset" class="layui-btn layui-btn-primary">重置</button>
					</div>
				</div>
			</form>
		</div>
		<div style="font-size: 15px;font-family: 微软雅黑;display: flex;height: 400px;">
			<div style="width: 33.3%; text-align: center;">
				<div style="border: 1px solid #9e9a9a; display: inline-block; padding: 50px;">
					<img alt="" src="static/img/revenue.png">
					<div style="display: inline-grid;">
						<span>2019-02-15——2019-02-15</span><br>
						<span>收入金额：8000.00￥</span>
					</div>
				</div>
			</div>
			<div style="width: 33.3%; text-align: center;">
				<div style="border: 1px solid #9e9a9a; display: inline-block; padding: 50px;">
					<img alt="" src="static/img/expenditure.png">
					<div style="display: inline-grid;">
						<span>2019-02-15——2019-02-15</span><br>
						<span>支出金额：156.00￥</span>
					</div>
				</div>
			</div>
			<div style="width: 33.3%; text-align: center;">
				<div style="border: 1px solid #9e9a9a; display: inline-block; padding: 50px;">
					<img alt="" src="static/img/money.png">
					<div style="display: inline-grid;">
						<span>2019-02-15——2019-02-15</span><br>
						<span>余额：7844.00￥</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		layui.use(['jquery', 'laydate'], function(){
			var $ = layui.$;
			var laydate = layui.laydate;
			
			laydate.render({
				elem : '#start_date'
 			});
			
			laydate.render({
				elem : '#end_date'
			});
			
		})
	</script>
</body>
</html>